<!DOCTYPE html>
<html>
<head>
<title>regist01.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="my.js"></script>
<script type="text/javascript">
	function getCity(v1){
		var xhr=getXhr();
		xhr.onreadystatechange=function(){
		if(xhr.readyState==4&&xhr.status==200){
			var txt=xhr.responseText;
			//静安，ja;黄埔，hp;浦东新，pdx
			var strs=txt.split(';');
			//先清空S2
			$('s2').innerHTML='';
			for(i=0;i<strs.length;i++){
				var str1s=strs[i].split(',');
				/* 构造一个Option对象 */
				var op =new Option(str1s[0],str1s[1]);
				/* Option是Select的一个属性，其值是一个数组。数组中的元素是Option对象。 */
				$('s2').options[i]=op;
			}
		}
	};
	xhr.open('get','getCity.do?name='+v1,true);
	xhr.send(null);
}
</script>

</head>

<body>
	<select id="s1" style="width:120px;" onchange="getCity(this.value);">
		<option value="bj">北京</option>
		<option value="sh">上海</option>
		<option value="gz">广州</option>
	</select>
	<select id="s2" style="width:120px;">
	</select>
</body>
</html>
